// import Vue from "vue";
import toastcom from "./index.vue";

const toast = {};

toast.install = Vue => {
  const ToastCon = Vue.extend(toastcom); //组件构造器

  const ins = new ToastCon(); //创建实例

  ins.$mount(document.createElement("div")); //实例挂载dom

  document.body.appendChild(ins.$el); //把实例化的vue添加到body中

  Vue.prototype.$toast = (msg, duration = 3000) => {
    //注册为全局组件的函数

    ins.message = msg;

    ins.visible = true;

    setTimeout(() => {
      //异步执行

      ins.visible = false;
    }, duration);
  };
};
export default toast;

// 剩余的步骤是：
// 1.在main.js中注册使用
// import toast from '@/dialog/index.js' //引入封装的组件

// Vue.use(toast)

// 2.然后在任何vue文件中可以轻松的使用组件了  this.$toast('北京欢迎您')
